<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=549262
-->
<head>
  <title>Test for Bug 549262</title>
  <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
  <script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=549262">Mozilla Bug 549262</a>
<p id="display"></p>
<div id="content">
</div>
<pre id="test">
<script type="application/javascript">

/** Test for Bug 549262 **/

var smoothScrollPref = "general.smoothScroll";
SimpleTest.waitForExplicitFinish();
var win = window.open("file_bug549262.html", "_blank", 
                      "width=600,height=600,scrollbars=yes");

// grab the timer right at the start
var cwu = SpecialPowers.getDOMWindowUtils(win);
function step() {
  cwu.advanceTimeAndRefresh(100);
}
SimpleTest.waitForFocus(function() {
  SpecialPowers.pushPrefEnv({"set":[[smoothScrollPref, false]]}, startTest);
}, win);
function startTest() {
  // Make sure that pressing Space when a contenteditable element is not focused
  // will scroll the page.
  var ed = win.document.getElementById("editor");
  var sc = win.document.querySelector("a");
  sc.focus();
  is(win.scrollY, 0, "Sanity check");
  synthesizeKey(" ", {}, win);

  step();

  isnot(win.scrollY, 0, "Page is scrolled down");
  is(ed.textContent, "abc", "The content of the editable element has not changed");
  var oldY = win.scrollY;
  synthesizeKey(" ", {shiftKey: true}, win);

  step();

  ok(win.scrollY < oldY, "Page is scrolled up");
  is(ed.textContent, "abc", "The content of the editable element has not changed");

  // Make sure that pressing Space when a contenteditable element is focused
  // will not scroll the page, and will edit the element.
  ed.focus();
  win.getSelection().collapse(ed.firstChild, 1);
  oldY = win.scrollY;
  synthesizeKey(" ", {}, win);

  step();

  ok(win.scrollY <= oldY, "Page is not scrolled down");
  is(ed.textContent, "a bc", "The content of the editable element has changed");
  sc.focus();
  synthesizeKey(" ", {}, win);

  step();

  isnot(win.scrollY, 0, "Page is scrolled down");
  is(ed.textContent, "a bc", "The content of the editable element has not changed");
  ed.focus();
  win.getSelection().collapse(ed.firstChild, 3);
  synthesizeKey(" ", {shiftKey: true}, win);

  step();

  isnot(win.scrollY, 0, "Page is not scrolled up");
  is(ed.textContent, "a b c", "The content of the editable element has changed");

  // Now let's test the down/up keys
  sc = document.body;

  step();

  ed.blur();
  sc.focus();
  oldY = win.scrollY;
  synthesizeKey("VK_UP", {}, win);

  step();

  ok(win.scrollY < oldY, "Page is scrolled up");
  oldY = win.scrollY;
  ed.focus();
  win.getSelection().collapse(ed.firstChild, 3);
  synthesizeKey("VK_UP", {}, win);

  step();

  is(win.scrollY, oldY, "Page is not scrolled up");
  is(win.getSelection().focusNode, ed.firstChild, "Correct element selected");
  is(win.getSelection().focusOffset, 0, "Selection should be moved to the beginning");
  win.getSelection().removeAllRanges();
  synthesizeMouse(sc, 300, 300, {}, win);
  synthesizeKey("VK_DOWN", {}, win);

  step();

  ok(win.scrollY > oldY, "Page is scrolled down");
  ed.focus();
  win.getSelection().collapse(ed.firstChild, 3);
  oldY = win.scrollY;
  synthesizeKey("VK_DOWN", {}, win);

  step();

  is(win.scrollY, oldY, "Page is not scrolled down");
  is(win.getSelection().focusNode, ed.firstChild, "Correct element selected");
  is(win.getSelection().focusOffset, ed.textContent.length, "Selection should be moved to the end");

  win.close();
  cwu.restoreNormalRefresh();

  SimpleTest.finish();
}
</script>
</pre>
</body>
</html>
